<!DOCTYPE html>
<head>
    <title>Mercado Limbo</title>
    <?php include('common/head.php') ?>
</head>
<body class="signed">
<main class="limbo-bg">
    <?php include('common/top-bar.php') ?>
    <header class="hero-header" role="banner">
        <div class="center">
            <h2>Da nueva vida a tus reusos</h2>
            <p class="subheader">Descubrí reusos para vos y publicá los tuyos</p>
            <a href="" class="border-btn">Conocé más sobre el Limbo</a>
        </div>
    </header>

    <?php include('common/limbo.php') ?>
    <?php include('common/footer.php') ?>
    <div class="modal">
        <?php include('common/limbo-item.php') ?>
    </div>
</main>
<?php include('common/scripts.php') ?>
<script src="js/isotope.js"></script>
<script type="text/javascript">
    $(window).load(function() {
        $('#limbo').isotope({
            // options
            itemSelector: '[class*="-item"]',
            layoutMode: 'masonry',
            masonry: {
                columnWidth: cardW, // set in main.js
            }
        });
    });
</script>
</body>